<template>
	<view class='recommend bg-color'>
		<view class='recommend-item' v-for="(item,index) in dataList" :key="index">
			<image class='item-big' :src="item.imgUrl" mode=""></image>
		</view>

	</view>
</template>

<script>
	export default { props: { dataList: Array } }

</script>

<style scoped>
	.recommend {
		padding: 20rpx;
	}

	.recommend-item {
		display: flex;
		flex-direction: column;
		border-radius: 20rpx;
		margin: 25rpx 0;
		box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.05);
	}

	.item-big {
		width: 100%;
		height: 400rpx;
		margin-bottom: 5px;
		border-radius: 20rpx;
	}

	.item-small {
		width: 100%;
		height: 240rpx;
	}

	.item-img {
		box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
		margin-top: 5px;
		width: 50%;
		height: 240rpx;
	}

</style>
